<template>
  <div id="app">
    <keep-alive>
      <router-view />
      <!--      <router-view v-if="$route.meta.keepAlive" />-->
    </keep-alive>
  </div>
</template>
<script>
export default {
  name: "BaseVue"
};
</script>
<style lang="scss" id="globalcss">
//@import "assets/css/font.scss";
@import "assets/css/iconfont.scss";
@import "assets/css/icon";
@import "assets/css/style.scss";

//.el-table th.el-table__cell > .cell {
//  text-align: center;
//}
.el-table__cell {
  font-size: 12px;
}

.el-button--text {
  width: auto !important;
}

.g6-minimap {
  display: none;
}

.jv-container .jv-code.boxed {
  max-height: 50px;
  overflow: auto;
}

.lable-top {
  .el-form-item__label {
    line-height: 15px !important;
    min-height: 25px !important;
  }
}

.el-input,
.el-select {
  width: 100% !important;
}

.el-tag--dark {
  color: #ffffff !important;
}

.el-tabs__nav-wrap {
  &::after {
    background: transparent !important;
  }
}

.loading-message {
  background: #ffffff !important;
  padding: 8px 15px !important;
  min-width: 184px !important;
  box-shadow: 0 0 3px 0 #ebeef5 !important;
  font-size: 10px !important;
  z-index: 9999999999999999999999;
}

.el-tag--dark {
  color: #ffffff !important;
}

.el-tabs__nav-wrap {
  &::after {
    background: transparent !important;
  }
}

//* {
//  transition: color 1s;
//  transition: background-color 1s;
//  transition: background 1s;
//  //transition: border 1s;
//}

//* {
//  transition: all 300ms;
//}
#nprogress .bar {
  background: $--color-primary !important; //自定义颜色
}

html {
  overflow: hidden;
  //font-family: MiSans-Medium;
  font-family: Calibre, sans-serif;
}

body {
  margin: 0;
  padding: 0;
}

.el-dialog {
  .el-dialog__header {
    padding: 10px 20px 10px 20px;
    background: #f1f1f1;
    align-items: center;
    display: flex;
    border-bottom: #eeeeee;

    .el-dialog__title {
      font-size: 16px;
      font-weight: bold;
    }

    .el-dialog__headerbtn {
      top: auto;
    }
  }
}

.el-checkbox__inner {
  &::after {
    border-color: #ffffff !important;
  }
}

.el-button--small {
  color: black;
}

.el-button--text {
  background: 0 0 !important;
}

.el-checkbox__input {
  .el-checkbox__inner {
    &:after {
      border-color: transparent;
      width: 0;
      height: 0;
      border: 0;
    }
  }
}

.el-checkbox__input.is-checked {
  .el-checkbox__inner {
    &:after {
      content: "" !important;
      width: 3px !important;
      height: 6px !important;
      border-color: #ffffff !important;
      border-style: solid !important;
      border-width: 0 2px 2px 0 !important;
      transform: rotate(45deg) !important;
      transform-origin: center;
    }
  }
}

//.w-e-menu {
//  z-index: 2 !important;
//}
//.w-e-text-container {
//  z-index: 1 !important;
//}
//::-webkit-scrollbar-track-piece {
//  //滚动条凹槽的颜色，还可以设置边框属性
//  background-color: rgba(248, 248, 248, 0.08);
//}
//::-webkit-scrollbar {
//  //滚动条的宽度
//  width: 9px;
//  height: 9px;
//}
//::-webkit-scrollbar-thumb {
//  //滚动条的设置
//  background-color: #dddddd;
//  background-clip: padding-box;
//  min-height: 28px;
//}
//::-webkit-scrollbar-thumb:hover {
//  background-color: #bbb;
//}

::-webkit-scrollbar {
  width: 10px;
  /*对垂直流动条有效*/
  height: 10px;
  /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #e8e8e8;
}

/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
  display: none;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
  display: none;
}

@media screen and (max-width: 920px) {
  .el-dialog {
    width: 98% !important;
  }
}
</style>
